<template>
  <div id="wrap">
    <header>
      <div class="top">
        <div>
          <img
            src="https://image1.suning.cn/uimg/cms/img/157199320847433454.png"
            alt=""
            class="img1"
          />
          <img
            src="https://image2.suning.cn/uimg/cms/img/164134991922611081.gif"
            alt=""
            class="img2"
          />
          <img
            src="https://image1.suning.cn/uimg/cms/img/157199321817918653.png"
            alt=""
            class="img1"
          />
        </div>
        <input type="text" placeholder="商品/店铺" />
      </div>
      <div class="bottom">
        <img
          src="https://image2.suning.cn/uimg/cms/img/164128695236023545.jpg?format=_is_1242w_610h"
          alt=""
        />
      </div>
    </header>
    <main>
      <section class="gif">
        <img
          src="https://image1.suning.cn/uimg/cms/img/164128702199912278.gif"
          alt=""
        />
      </section>
      <section class="menu">
        <div class="content">
          <ul>
            <li>
              <img
                src="https://image3.suning.cn/uimg/cms/img/161294178174781132.png?from=mobile"
                alt=""
              />
              <p>苏宁秒杀</p>
            </li>
            <li>
              <img
                src="https://image1.suning.cn/uimg/cms/img/161293951076282456.png?from=mobile"
                alt=""
              />
              <p>苏宁超市</p>
            </li>
            <li>
              <img
                src="https://image1.suning.cn/uimg/cms/img/161294179334814175.png?from=mobile"
                alt=""
              />
              <p>苏宁拼购</p>
            </li>
            <li>
              <img
                src="https://image1.suning.cn/uimg/cms/img/161293957567317395.png?from=mobile"
                alt=""
              />
              <p>手机数码</p>
            </li>
            <li>
              <img
                src="https://image2.suning.cn/uimg/cms/img/161293958842515136.png?from=mobile"
                alt=""
              />
              <p>苏宁家电</p>
            </li>
            <li>
              <img
                src="https://image1.suning.cn/uimg/cms/img/161293959950045622.png?from=mobile"
                alt=""
              />
              <p>免费水果</p>
            </li>
            <li>
              <img
                src="https://image1.suning.cn/uimg/cms/img/161293961484173843.png?from=mobile"
                alt=""
              />
              <p>Super会员</p>
            </li>
            <li>
              <img
                src="https://image1.suning.cn/uimg/cms/img/161293963977525820.png?from=mobile"
                alt=""
              />
              <p>签到有礼</p>
            </li>
            <li>
              <img
                src="https://image2.suning.cn/uimg/cms/img/161293965567020138.png?from=mobile"
                alt=""
              />
              <p>领券中心</p>
            </li>
            <li>
              <img
                src="https://image1.suning.cn/uimg/cms/img/161293968063152286.png?from=mobile"
                alt=""
              />
              <p>更多频道</p>
            </li>
          </ul>
        </div>
      </section>
      <section class="seckill">
        <div class="content">
          <div class="seckill-top">
            <div class="seckill-top-l">
              <div class="seckill-list">
                <div class="sekill-title">
                  <h2>限时秒杀</h2>
                  <div class="clock">
                    <span class="clock-h">03 :</span>
                    <span class="clock-m">28 : </span>
                    <span class="clock-s">12</span>
                  </div>
                </div>
                <div class="sub-title">人气好货限时抢</div>
                <div class="seckill-product">
                  <div>
                    <img
                      src="https://image3.suning.cn/uimg/nmps/MBLSPZT/10112346811860732102picH_1_370x370.jpg"
                      alt=""
                    />
                    <p>￥29.9</p>
                  </div>
                  <div>
                    <img
                      src="https://image2.suning.cn/uimg/nmps/MBLSPZT/10112167012202617204picH_1_370x370.jpg"
                      alt=""
                    />
                    <p>￥9.9</p>
                  </div>
                </div>
              </div>
              <div class="seckill-list">
                <div class="sekill-title">
                  <h2>新品首发</h2>
                </div>
                <div class="sub-title">打牌新机0元试</div>
                <div class="seckill-product">
                  <div>
                    <img
                      src="https://image2.suning.cn/uimg/cms/img/161974540225898644.jpg?format=_is_200w_200h.webp"
                      alt=""
                    />
                  </div>
                  <div>
                    <img
                      src="https://image3.suning.cn/uimg/cms/img/161974542869886115.jpg?format=_is_200w_200h.webp"
                      alt=""
                    />
                  </div>
                </div>
              </div>
            </div>
            <div class="seckill-top-l">
              <div class="seckill-list">
                <div class="sekill-title">
                  <h2>限时秒杀</h2>
                </div>
                <div class="sub-title">人气好货限时抢</div>
                <div class="seckill-product">
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/b2c/image/lfCh93oseLy_kGcW3mp4XQ.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                    <p>￥29.9</p>
                  </div>
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/b2c/image/1xejBs4byK8ysqBzS1cQxA.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                    <p>￥9.9</p>
                  </div>
                </div>
              </div>
              <div class="seckill-list">
                <div class="sekill-title">
                  <h2>新品首发</h2>
                </div>
                <div class="sub-title">打牌新机0元试</div>
                <div class="seckill-product">
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/sniss/improve/vn1wPBj50e93yFOkGWsKuQ.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                  </div>
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/sniss/improve/2upFHRN255RVn6DyOzs4kw.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="seckill-bottom">
            <div class="recommand-title">
              <h2>为你推荐</h2>
              <p>精选频道</p>
            </div>
            <div class="recommand-list">
              <li>
                <img
                  src="https://image1.suning.cn/uimg/b2c/qrqm/0070221027000000011597144893_200x200.jpg?format=_is_200w_200h_4e.webp"
                  alt=""
                />
                <p>苏宁国际</p>
              </li>
              <li>
                <img
                  src="https://image1.suning.cn/uimg/b2c/qrqm/0010165244000000010814061080_200x200.jpg?format=_is_200w_200h_4e.webp"
                  alt=""
                />
                <p>苏宁Outlets</p>
              </li>
              <li>
                <img
                  src="https://image2.suning.cn/uimg/cms/img/160941888895990187.png?from=mobile"
                  alt=""
                />
                <p>会员抢购</p>
              </li>
              <li>
                <img
                  src="https://image2.suning.cn/uimg/cms/img/160941866483066340.png?from=mobile"
                  alt=""
                />
                <p>Super会员</p>
              </li>
            </div>
          </div>
        </div>
      </section>
      <section class="tuijian">
        <h2>推荐榜单</h2>
        <ul class="tuijian-list">
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/sniss/improve/ubNLawMBSzqPeEBRjzby7g.jpg?format=_is_200w_200h_4e.webp"
              alt=""
            />
            <div>
              <p class="text">诱惑迷人唇有榜</p>
              <p class="text">卖爆2675件</p>
            </div>
            <p class="title">人气榜</p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/sniss/improve/4B150eYZhzpR1S8FS7fVoA.jpg?format=_is_200w_200h_4e.webp"
              alt=""
            />
            <div>
              <p class="text">萌宝爱吃辅食榜</p>
              <p class="text">卖爆7605件</p>
            </div>
            <p class="title">人气榜</p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/sniss/improve/-JCt8ldQxLcnlN0fLARIBw.jpg?format=_is_200w_200h_4e.webp"
              alt=""
            />
            <div>
              <p class="text">口感酥脆虾条榜</p>
              <p class="text">卖爆2.5万件</p>
            </div>
            <p class="title">人气榜</p>
          </li>
        </ul>
      </section>
      <section class="seckill">
        <div class="content">
          <div class="seckill-top">
            <div class="seckill-top-l">
              <div class="seckill-list">
                <div class="sekill-title">
                  <h2>高清手机膜榜</h2>
                  <div class="clock">
                    <span class="clock-h">人气榜</span>
                  </div>
                </div>
                <div class="sub-title">卖爆195件</div>
                <div class="seckill-product">
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/sniss/improve/l3KeP16JFDwgT6vuSLnjEg.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                    <p>￥29.9</p>
                  </div>
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/sniss/improve/ZDG0_5C9e1xq0vGsFJsLiw.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                    <p>￥9.9</p>
                  </div>
                </div>
              </div>
              <div class="seckill-list">
                <div class="sekill-title">
                  <h2>美味乌冬面榜</h2>
                </div>
                <div class="sub-title">卖爆498件</div>
                <div class="seckill-product">
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/sniss/improve/-5AEsyratZKELbZohPXw0g.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                  </div>
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/sniss/improve/ajVvoKaJip3Rm3NqQWJDXg.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                  </div>
                </div>
              </div>
            </div>
            <div class="seckill-top-l">
              <div class="seckill-list">
                <div class="sekill-title">
                  <h2>口感酥脆虾条榜</h2>
                </div>
                <div class="sub-title">卖爆2.5万件</div>
                <div class="seckill-product">
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/sniss/improve/-JCt8ldQxLcnlN0fLARIBw.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                    <p>￥29.9</p>
                  </div>
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/sniss/improve/TBdDZEZloql6YL3W83QKRw.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                    <p>￥9.9</p>
                  </div>
                </div>
              </div>
              <div class="seckill-list">
                <div class="sekill-title">
                  <h2>快充耐用充电器榜</h2>
                </div>
                <div class="sub-title">卖爆4567件</div>
                <div class="seckill-product">
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/sniss/improve/Iv49BoFfRZjr-19XWyiPlg.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                  </div>
                  <div>
                    <img
                      src="https://imgservice.suning.cn/uimg1/sniss/improve/8ZQjPB7EixCu9ltVBxz8Ug.jpg?format=_is_200w_200h_4e.webp"
                      alt=""
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="img">
        <img
          src="https://image1.suning.cn/uimg/cms/img/157793128909842388.png?format=_is_1242w_100h.webp"
          alt=""
        />
      </section>
      <section class="like">
        <ul class="like-list">
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/b2c/image/YWwhfHEBlmYb8sDOq-XSBw.jpg?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">GUCCI古驰限量新款复古红瓶BLOOM女士浓香水 ...</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每69-10</p>
            </div>
            <p class="price">
              ￥688
              <span>500+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://uimgproxy.suning.cn/uimg1/pcpv/pcpv/iwogh/2022/01/05/15/iwoghBannerPicture/eIMsafD2xT1641367032746.png?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">约20个四小妞麻花200g零食点心混合口味200g 200g</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每35-31</p>
            </div>
            <p class="price">
              ￥40
              <span>1600+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/b2c/image/iC5xu_8bjWHuuRnNb-6Vnw.jpg?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">约20个四小妞麻花200g零食点心混合口味200g 200g</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每35-31</p>
            </div>
            <p class="price">
              ￥40
              <span>1600+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/b2c/image/VN0vbvlaJLU0ugGH6nrNFA.png?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">约20个四小妞麻花200g零食点心混合口味200g 200g</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每35-31</p>
            </div>
            <p class="price">
              ￥40
              <span>1600+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/b2c/image/zzLjOMabSZVtDV13PtR8gg.jpg?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">约20个四小妞麻花200g零食点心混合口味200g 200g</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每35-31</p>
            </div>
            <p class="price">
              ￥40
              <span>1600+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/b2c/image/FVzKt61Bg7exxqR7NIfBYQ.jpg?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">约20个四小妞麻花200g零食点心混合口味200g 200g</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每35-31</p>
            </div>
            <p class="price">
              ￥40
              <span>1600+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/b2c/image/YWwhfHEBlmYb8sDOq-XSBw.jpg?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">GUCCI古驰限量新款复古红瓶BLOOM女士浓香水 ...</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每69-10</p>
            </div>
            <p class="price">
              ￥688
              <span>500+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://uimgproxy.suning.cn/uimg1/pcpv/pcpv/iwogh/2022/01/05/15/iwoghBannerPicture/eIMsafD2xT1641367032746.png?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">约20个四小妞麻花200g零食点心混合口味200g 200g</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每35-31</p>
            </div>
            <p class="price">
              ￥40
              <span>1600+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/b2c/image/iC5xu_8bjWHuuRnNb-6Vnw.jpg?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">约20个四小妞麻花200g零食点心混合口味200g 200g</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每35-31</p>
            </div>
            <p class="price">
              ￥40
              <span>1600+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/b2c/image/VN0vbvlaJLU0ugGH6nrNFA.png?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">约20个四小妞麻花200g零食点心混合口味200g 200g</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每35-31</p>
            </div>
            <p class="price">
              ￥40
              <span>1600+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/b2c/image/zzLjOMabSZVtDV13PtR8gg.jpg?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">约20个四小妞麻花200g零食点心混合口味200g 200g</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每35-31</p>
            </div>
            <p class="price">
              ￥40
              <span>1600+评价</span>
            </p>
          </li>
          <li>
            <img
              src="https://imgservice.suning.cn/uimg1/b2c/image/FVzKt61Bg7exxqR7NIfBYQ.jpg?format=_is_300w_300h_4e.webp"
              alt=""
            />
            <p class="text">约20个四小妞麻花200g零食点心混合口味200g 200g</p>
            <div class="yellow">
              <p>包邮</p>
              <p>每35-31</p>
            </div>
            <p class="price">
              ￥40
              <span>1600+评价</span>
            </p>
          </li>
        </ul>
      </section>
    </main>
  </div>
</template>

<script>
export default {
  name: "Pages",
};
</script>

<style scoped>
* {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
img {
  display: block;
}
#wrap {
  width: 100%;
  margin: 0 auto;
  font-size: 0.16rem;
}
#wrap header {
  margin: 0 auto;
}
#wrap header .top {
  height: 2.25rem;
  background: #ffdb47;
  padding: 0 0.3rem;
  box-sizing: border-box;
  padding-top: 0.2rem;
}
#wrap header .top div {
  display: flex;
  justify-content: space-between;
}
#wrap header .top div .img1 {
  width: 0.46rem;
  height: 0.7rem;
}
#wrap header .top div .img2 {
  width: 4.7rem;
  height: 0.86rem;
}
#wrap header .top input {
  margin-top: 0.2rem;
  width: 100%;
  height: 0.7rem;
  padding-left: 0.8rem;
  box-sizing: border-box;
  border-radius: 2rem;
  border: none;
  font-size: 0.34rem;
  color: #c7c7c7;
  outline: none;
}
#wrap header .bottom {
  padding: 0 0.3rem;
  box-sizing: border-box;
  background: url("https://image1.suning.cn/uimg/cms/img/161243731909884312.png")
    no-repeat;
  background-position: -0.8rem -0.8rem;
  width: 7.5rem;
  height: 2.1rem;
}
#wrap header .bottom img {
  width: 100%;
  height: 2.1rem;
  border-radius: 0.2rem;
}
/* 内容 */
main {
  background: #f7f7f7;
}
main .gif img {
  width: 100%;
  height: 1.6rem;
}
main .menu .content {
  width: 7.5rem;
}
main .menu {
  width: 100vw;
}
main .menu .content ul {
  padding: 0 0.3rem;
  padding-top: 0.05rem;
  box-sizing: border-box;
  width: 7.5rem;
  height: 3rem;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: space-around;
  margin: 0;
}
main .menu .content ul li {
  margin: 0 0.2rem;
  color: #666666;
}
main .menu .content ul li img {
  width: 0.8rem;
  height: 0.8rem;
}

main .seckill .content {
  background: #fff;
  border-radius: 15px;
  width: 94%;
  margin: 0 auto;
  padding-bottom: 0.1rem;
}
main .seckill .content .seckill-top {
  display: flex;
  height: 3.75rem;
  box-sizing: border-box;
  border-bottom: 1px solid #f7f7f7;
  width: 100%;
}
main .seckill .content .seckill-top .seckill-top-l {
  box-sizing: border-box;
  border-right: 1px solid #f7f7f7;
  width: 50%;
}
main .seckill .content .seckill-top .seckill-top-l .seckill-list {
  padding: 0.1rem 0.2rem;
  box-sizing: border-box;
}
main
  .seckill
  .content
  .seckill-top
  .seckill-top-l
  .seckill-list
  .seckill-product {
  display: flex;
  text-align: center;
}
main
  .seckill
  .content
  .seckill-top
  .seckill-top-l
  .seckill-list
  .seckill-product
  > div {
  flex: 1;
}
main
  .seckill
  .content
  .seckill-top
  .seckill-top-l
  .seckill-list
  .seckill-product
  > div
  img {
  width: 0.9rem;
}
main
  .seckill
  .content
  .seckill-top
  .seckill-top-l
  .seckill-list
  .seckill-product
  > div
  p {
  color: rgb(255, 85, 0);
  margin: 0;
}
main .seckill .content .seckill-top .seckill-top-l .sekill-title {
  display: flex;
  align-items: center;
}
main .seckill .content .seckill-top .seckill-top-l .clock h2 {
  font-size: 0.25rem;
  margin: 0;
}
main .seckill .content .seckill-top .seckill-top-l .clock span {
  background: #fc0;
  border-radius: 5px;
  font-weight: bold;
}
main .seckill .content .seckill-top .seckill-top-l .sub-title {
  color: rgb(153, 153, 153);
  font-size: 0.18rem;
  margin: 0.1rem 0;
}
.seckill-bottom {
  display: flex;
  text-align: center;
  padding-top: 0.3rem;
}
.seckill-bottom .recommand-title {
  box-sizing: border-box;
  width: 1.2rem;
  padding-left: 0.2rem;
}
.seckill-bottom .recommand-title h2 {
  font-size: 0.25rem;
  margin: 0;
}
.seckill-bottom .recommand-title p {
  color: rgb(153, 153, 153);
  font-size: 0.18rem;
  margin: 0.1rem 0;
}
.seckill-bottom .recommand-list {
  flex: 1;
  display: flex;
  padding-left: 0.1rem;
}
.seckill-bottom .recommand-list li {
  flex: 1;
  list-style: none;
  text-align: center;
}
.seckill-bottom .recommand-list li img {
  width: 0.65rem;
  margin-left: 0.5rem;
}
.seckill-bottom .recommand-list li p {
  margin: 0;
  color: #333;
}
.tuijian {
  padding: 0 0.3rem;
  margin-bottom: 0.1rem;
}
.tuijian h2 {
  color: #484848;
  font-size: 0.3rem;
  margin: 0.1rem 0;
}
.tuijian ul {
  display: flex;
  justify-content: space-between;
}
.tuijian ul li img {
  width: 2rem;
  height: 1.7rem;
}
.tuijian ul li div {
  background: #e8b58c;
  padding: 0.1rem 0;
  color: #fff;
}
.tuijian ul li {
  position: relative;
}
.tuijian ul li div p {
  margin-bottom: 0.1rem;
  text-align: center;
}
.tuijian ul li .title {
  position: absolute;
  top: 62%;
  left: 33%;
  width: 0.7rem;
  height: 0.3rem;
  background: #fff;
  border: 1px solid #e8b58c;
  line-height: 0.3rem;
  text-align: center;
  color: #e8b58c;
  font-size: 0.18rem;
  border-radius: 0.2rem;
}
#wrap main .img {
  padding: 0 0.3rem;
  margin-top: 0.4rem;
}
#wrap main .img img {
  width: 100%;
}
.like {
  padding: 0 0.3rem;
}
.like .like-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 1rem;
}
.like .like-list li {
  border-radius: 0.2rem;
  background: #fff;
  width: 3rem;
  height: 4.4rem;
  margin-bottom: 0.2rem;
}
.like .like-list li img {
  width: 3rem;
  border-radius: 0.2rem;
}
.like .like-list li .text {
  font-weight: bold;
  font-size: 0.2rem;
  margin-top: 0.07rem;
  margin-left: 0.1rem;
}
.like .like-list li .yellow {
  display: flex;
  margin: 0.1rem 0;
}
.like .like-list li .yellow p {
  height: 0.25rem;
  line-height: 0.25rem;
  padding: 0 0.1rem;
  background: #fefbee;
  font-size: 0.16rem;
  margin-left: 0.1rem;
  border: 1px solid #ffbb00;
  border-radius: 0.2rem;
}
.like .like-list li .price {
  font-size: 0.2rem;
  color: #ff4422;
  font-weight: bold;
  margin-left: 0.1rem;
}
.like .like-list li .price span {
  font-weight: normal;
  font-size: 0.16rem;
  color: #999999;
}
</style>